<template>
    <div
        class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn"
        data-wow-delay="0.1s"
    >
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white mb-4">关于佑恩</h5>
                    <p>
                        佑恩咨询国内致力于精英企业和高级人才提供全球资源配置的专业猎头机构，由中国最早一批专注于科技方向猎头专业顾问创立，分别来自万宝盛华，大瀚，科锐国际等公司资深顾问。
                    </p>
                    <p>
                        秉承“专注 Focus、迅捷Fast、成就Accomplishment、分享Sharing ”
                        的理念，深耕定位：科技+（能源，汽车制造，生命科学，新零售）行业猎头招聘服务提供商。
                    </p>
                </div>
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white mb-4">快速链接</h5>
                    <router-link to="/about" tag="a" class="btn btn-link text-white-50"
                        >关于佑恩</router-link
                    >
                    <router-link to="/detail#goodat" tag="a" class="btn btn-link text-white-50"
                        >产品与服务</router-link
                    >
                    <router-link to="/category#1" tag="a" class="btn btn-link text-white-50"
                        >行业领域</router-link
                    >
                    <router-link to="/connect" tag="a" class="btn btn-link text-white-50"
                        >联系我们</router-link
                    >
                </div>
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white mb-4">联系方式</h5>
                    <p class="mb-2">
                        <i class="fa fa-map-marker-alt me-2"></i>
                        地址：四川省成都市高新区吉泰路566号莱普敦中心3栋2单元3009
                    </p>
                    <p class="mb-2">
                        <i class="fa fa-phone-alt me-2"></i>
                        电话：+86 028-63859677
                    </p>
                    <p class="mb-2">
                        <i class="fa fa-envelope me-2"></i>
                        邮箱：bryan.he@unlinked.cn
                    </p>
                    <p class="mb-2">
                        <i class="fab fa-qq me-2"></i>
                        QQ：77909241
                    </p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright">
                <div class="row">
                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                        Copyright &copy;2018-2022
                        <a class="border-bottom" href="/">UNLinked.cn</a>,
                        <a class="border-bottom" href="https://beian.miit.gov.cn/"
                            >蜀ICP备20003112号</a
                        >
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->

    <!-- Back to Top -->
    <Transition>
        <a v-if="showBack" href="#" class="btn btn-lg btn-secondary btn-lg-square back-to-top">
            <i class="fa fa-arrow-up"> </i>
        </a>
    </Transition>
</template>

<script name="Footer" setup lang="ts">
    defineProps({
        showBack: {
            type: Boolean,
            default: false
        }
    });
</script>
